import React, { useRef } from 'react'

export default function App() {

    // useRef 可以用来标记一个元素或者组件
    const inpRef = useRef()


    const time = setInterval(() => {
        console.log(Math.random());
    }, 1000)

    // useRef 可以用来标记一些不会被渲染的数据
    const t = useRef()
    t.current = time

    return (
        <div>
            <label htmlFor='a'>用户名：</label>
            <input id='a' type="text" ref={inpRef} />

            <button onClick={() => {
                // inpRef.current 可以找到被标记的内容
                console.log(inpRef.current.value);

                clearInterval(t.current)
            }}>点击获取输入内容</button>
        </div>
    )
}
